<div [@routerTransition]>
    <div class="m-subheader">
        <div class="row align-items-center">
            <div class="mr-auto col-sm-12 col-md-6">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>{{ "VisualSettings" | localize }}</span>
                </h3>
                <span class="m-section__sub">
                    {{ "UiCustomizationHeaderInfo" | localize }}
                </span>
            </div>
        </div>
    </div>
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <default-theme-ui-settings [settings]="themeSetting"></default-theme-ui-settings>
            </div>
        </div>
    </div>
</div>
